body{color: #262626; font-family: 'SourceHanSansCN';}
a{color:#262626}
a:hover{color:#63bd97}
a:active,a:focus,a:hover{color:#0e57c0}
.flex{ display: flex; align-items: center;}
.wrap1{ max-width: 1400px;  width: 92%; margin: 0 auto; position: relative;}

.header{ height: 114px; top: 0; left: 0; width: 100%; z-index: 10000; position: fixed; }
.home{ background:none;-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.tit_1{ text-align: center;}
.tit_1 span{ font-size: 4.8rem; font-weight: bold; display: block;}
.tit_1 p{ font-size: 2rem; color: #626262;}
/*鎼滅储*/
.search{cursor: pointer; max-width: 153px; text-align: center; margin: 0px auto 0; position: relative;}
.search .form-control{ height: 33px; line-height: 33px; border-radius: 15px; border: none; background: #e5eaf1;}
.search i{ color: #4c4e50; font-size: 2.5rem;  position: absolute; right: 10px; top: 5px;}
.tel{display: flex;justify-content: center;align-items: center;line-height: 24px;}
.tel i{ color: #fc7e24; font-size: 4.5rem;}
.tel p{font-size:1.8rem; color: #fc7e24; font-weight: bold;}
.tel span{ font-size: 14px; color: #3f3f3f;}

.fix-head .home .navBox ul.navCont li.child.cur a{ color: #66bc99;}
.fix-head .home .navBox ul.navCont li.child.cur a:after{ background: #66bc99;}


/* LOGO */
.logo{ vertical-align: middle; z-index: 2; position: relative; height: 114px; text-align: left; margin: 0; }
.logo a{ height: 100%; line-height: 0; text-align: left; align-items:start; }
.logo img{vertical-align: middle;max-height:100%;}
.fix-head{ height: 114px;  position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; background: #ffffff;-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2); box-shadow:0px 2px 5px rgba(0,0,0,0.2); transition: all 0.4s;}
.fix-head .navBox ul.navCont li.child i{ position: absolute; right: 0; top: -3px;}
.fix-head .navBox ul.navCont li.child a{ color: #47535b;}
.fix-head .navBox ul.navCont li.child .pro-cate{top: 80px;}
.fix-head .search i{ color: #47535b;}
.fix-head .wapNavBtn span{ background: #000000;}
.header .span-search{ width: 10%;margin-right: 1%; float: left; }
.header .span-tel{ width: 13%;float: left;}
.header .row{display: flex; align-items: center;}

.fix-head .container1{ top: 9rem;}

.wapNavBtn{display:none;line-height: 60px; height:60px; width:60px;font-size: 2rem; z-index:1000000; float: right; width: 60px;}
.wapNavBtn:before{color: #d11734;font-weight: bold;}
.wapNavBtn.on:before{}

.wapNavBtn span{ display:block; right:0; width:65%; height:3px; top:calc((100% - 50px) / 2);transition: all 0.4s; position: relative; margin:0 auto; border-radius: 3px; background: #000000;}
.wapNavBtn span:nth-child(1){animation: outfirst 0.5s; transform: translateY(15px) rotate(0); }
.wapNavBtn span:nth-child(2){animation: outlast 0.5s; transform: translateY(21px) rotate(0); }
.wapNavBtn span:nth-child(3){animation: outlast 0.5s; transform: translateY(27px) rotate(0); }

.wapNavBtn.on span{ background:#fff; z-index: 100000; }
.wapNavBtn.on span:nth-child(1){transform: translateY(25px) rotate(45deg); }
.wapNavBtn.on span:nth-child(2){transform: translateX(0) rotate(0); display:none;}
.wapNavBtn.on span:nth-child(3){transform: translateY(23px) rotate(-45deg);}

/* 瀵艰埅-1 */
.navBox{width:100%; max-width: 1000px; margin-left: auto; }
.navBox ul.navCont{}
.navBox ul.navCont li.child{float:left; width: 10%; text-align:center; }
.navBox ul.navCont li.child:first-child{ width: 9%;}
.navBox ul.navCont li.child:nth-child(2){ width: 16%;}
.navBox ul.navCont li.child a{display: block;color:#333333;  font-size: 18px; text-transform:uppercase; line-height: 114px; position: relative; font-family: 'SourceHanSansCN'; z-index: 1; position: relative;}
.navBox ul.navCont li.child a span{z-index: 1; position: relative;}
.navBox ul.navCont li.child a:after{ content: "";  background: #0e57c0; width:100%; height: 0; display: block; position: absolute; left: 0; right: 0; margin:0 auto; opacity: 0; bottom:0; z-index: 0;}
.navBox ul.navCont li.child a:hover{ color: #ffffff;}

.navBox ul.navCont li.child.cur a{ width:100%; color: #ffffff;}
.navBox ul.navCont li.child.cur a:after,.navBox ul.navCont li.child:hover a:after{ opacity: 1; height: 100%; width:100%;}
.navBox ul.navCont li.child.last a{border-right: 0px}
.fix-head .navBox ul.navCont li.child a{ line-height: 114px;}


/*浜岀骇*/
.navBox ul.navCont li.child .childcont{position:absolute;top:100%; left: 0; right: 0; z-index:999;display:none;width:100%; background:#ffffff; text-align: center; margin: 0 auto; padding: 4rem 0;}
.navBox ul.navCont li.child .childcont .nav_left{ text-align: right;}
.navBox ul.navCont li.child .childcont .nav_left span{ font-size: 3.6rem; color: #0e57c0; font-weight: bold;}
.navBox ul.navCont li.child .childcont .nav_left p{ font-size: 10rem; font-family: impact; color: #f7f6f6; text-transform: uppercase;}
.navBox ul.navCont li.child .childcont .row{ align-items: start;}
.navBox ul.navCont li.child .childcont .nav_cen{}
.navBox ul.navCont li.child .childcont .nav_cen a{ color: #555657;font-size: 16px; line-height: 4.5rem; border-bottom: 1px solid #efefef; width: 45%; float: left; text-align: left; padding: 0; margin:0 2%;}
.navBox ul.navCont li.child .childcont  .nav_right{text-align: left; }
.navBox ul.navCont li.child .childcont  .nav_right:after{ width: 30%; height: 100%; z-index: 0; background: #f9f9f9; content: ""; position: absolute; right: 0; top: 0;}
.navBox ul.navCont li.child .childcont  .nav_right div{ position: relative; z-index: 1; display: flex; justify-content: flex-start;align-items: center; padding-left: 14px;
 font-size: 16px; font-weight: bold; padding-left: 12px;}
.navBox ul.navCont li.child .childcont  .nav_right span{ font-size: 18px; font-weight: bold; z-index: 1; position: relative;}
.navBox ul.navCont li.child .childcont a{line-height: 40px; padding-left: 10px; color:#333; background: no-repeat; height: auto; margin: 0; font-size: 16px;font-weight: normal;z-index: 1; position: relative;}
.navBox ul.navCont li.child .childcont a i{ float: right;}
.navBox ul.navCont li.child .childcont a:before,.navBox ul.navCont li.child .childcont a:after{ display: none;}
.navBox ul.navCont li.child .childcont a:hover{ color:#13227a; text-decoration:none; }


/*搴曢儴*/

.footer{ background:  #323232;  color: #8a8a8a; line-height: 36px; position: relative; font-size: 14px; }
.foot_1{ border-bottom: 1px solid #555555; padding: 3rem 0;margin-bottom: 4rem;}
.foot_1 .dot_f1{}
.foot_1 .dot_f1 img{ float: left; margin-right: 10px;}
.foot_1 .dot_f1 p{ font-size: 16px; color: #bbbbbb; line-height: 30px; margin-left: 10px;}
.foot_1 .dot_f2{ display: flex; justify-content: flex-end;}
.foot_1 .dot_f2 li{ margin: 0 15px; text-align: center;}
.foot_1 .dot_f2 li a { color: #bbbbbb;}

.fnav{ line-height: 36px;}
.fnav ul{ list-style: none; margin: 3rem 0;  clear: both; overflow: hidden;}
.fnav li{ width: 33.3%;float: left; text-align: left;  }
.fnav li span{ font-size: 2rem; line-height: 6rem; color: #bbbbbb; display: block;}
.fnav li span a{color: #bbbbbb;}
.fnav li span a:hover{color: #fc7e24;}
.fnav li span i{ font-size: 2rem; margin-left: 1.5rem;}
.fnav li p a{ display: block; line-height: 4rem; color: #8a8a8a; font-size: 16px; }
.fnav li p a:hover{color: #fc7e24;}

.dot_f3{ }
.dot_f3 h3{color: #bbbbbb;  font-size: 2rem;line-height: 6rem; font-weight: normal;}
.dot_f3 p{ font-size: 16px; color: #8b8b8b;}
.dot_f3 p a{ color: #fc7e24; font-size: 2.8rem; font-weight: bold;}

.fcoy{ border-top: 1px solid #555555; padding: 3rem 0;margin-top: 4rem;}
.fcoy p{ font-size: 14px; color: #969696; line-height: 3rem; text-align: left;}
.fcoy a{color: #969696;  padding:0 2rem; line-height: 4rem;}
.fcoy a:hover{ color: #fc7e24;}

.link{ background: #2d2c2c; padding: 3rem 0;}
.link a{ color: #7e7e7e; font-size: 14px; line-height: 30px; margin-right: 15px;}
.link a:hover{color:#fc7e24 ;}


/*濯掍綋鐩掑瓙妯″瀷*/
.media-box{display:block;margin-bottom:10px;width: 100%;}
.media-box a{ display: block;}
.media-box .icon{ background: #efefef; width: 100%; overflow: hidden; text-align: center;}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box .icon img{ max-height: 100%;}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.media-box h3{ text-align: center; font-size: 1.8rem; color: #373737; padding: 1rem 0;}
.media-box a:hover .icon img{transform:scale(1.2);}

/*缈婚〉*/
.pager{text-align: center; color: #292929; margin-bottom: 30px; margin-top: 3rem;}
.pager a,.pager span{height: 39px; width: 39px; border-radius: 100%; line-height:39px; display: inline-block;margin:0 2px; color: #292929; text-align: center; font-size: 14px; border: 1px solid #dddddd; background: #ffffff;}
.pager span.current,.pager a:hover{ background-image: linear-gradient(to right, #0e57c0, #0e57c0); color: #ffffff;}
.pager a.on, .pager .active span{ background-image: linear-gradient(to right, #0e57c0, #0e57c0); color: #ffffff;}
.pager span.sfont{ width: auto; margin-left: 10px;}
.pager input{width: 30px;height: 26px;border:none; background: #f8f8f8; line-height:33px; text-align: center;}
.pager li {
  display: inline-block;
}

a.more{display: block; color: #fb7b22; font-size: 18px; border: 1px solid #fb7b22; width: 100%; max-width: 235px; height: 53px; line-height: 53px; text-align: center;  margin: 4rem auto; transition: all 0.3s; border-radius: 35px; }
a.more i{ font-size: 18px;}
a.more:hover{ background-image: linear-gradient(to right, #fd8b2b,#fa6e1a, #fb7b22); transition: all 0.3s;  color: #ffffff;}

/*
.pagination {
    font-size: 0;
    text-align: center;
    padding-top: 3rem;
}

.pagination li {
    display: inline-block;
    font-size: 14px;
}
.pagination .disabled span {
    border: 1px solid #ccc;
    cursor: no-drop;
}
.pagination span, .pagination a {
    display: block;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border: 1px solid #1e9fff;
    margin-left: -1px;
}
.pagination .active span, .pagination a:hover {
    border: 1px solid rgba(36, 104, 242, .95);
    box-shadow: 0 0 .25em rgba(36, 104, 242, .95) inset;
    color: #2468f2;
   background: rgb(0,0,0,0.3);
   width: 35px;
   height: 35px;
    border-radius: 35px;
    color: #ffffff;
    font-size: 16px;
    line-height: 35px;
    position: relative;
}
*/


.box_cn{ text-align: center;}
.box_cn h1{ color:#232937; font-size: 4.8rem; line-height: 6rem;}
.box_cn p{ font-size: 16px; color: #444444; line-height: 4rem;}
.box_cn1{ position: relative; margin: 5rem auto; max-width: 1280px;}
.cn_pic{ text-align: center; width: 100%;}
.cn_pic img{ margin: a auto;}
.cn_pic1{ text-align: center; padding: 6rem;}




.pro1{ width: 100%;height: 100%; position: absolute; left: 0; right: 0;margin: 0 auto; top: 0; }
.pro1 li{ position: absolute; width: 30px; height: 30px; display: block;}
.pro1 li .cir{width: 4rem; height: 4rem; border-radius: 100%; background: rgb(144,196,47,0.38); display: block; text-align: center;  overflow: hidden; transition: all 1s; cursor: pointer; animation:myanimation 3s infinite;}
.pro1 .cir .n_cir{width: 2.6rem; height: 2.6rem; border-radius: 100%; background: rgb(144,196,47,1); display: block; margin: 0.7rem auto;}
.pro1 .cir .n_cir i{ color: #ffffff; font-weight: bold; font-size: 16px;}
.pro1 li:first-child{     left: 22%;     top: 49%;}
.pro1 li:nth-child(2){  left: 40%; top: 60%;}
.pro1 li:nth-child(3){  left: 46%; top: 33%; }
.pro1 li:nth-child(4){  left: 72%;top: 9%; }
.pro1 li:last-child i{ font-size: 3.5rem;}
.pro1 li a{ line-height: 56px;}
.pro1 li .open{ background: rgb(144,196,47,0.8); border-radius: 30px; border: 1px solid #ffffff; padding: 3rem 3rem 0; position: absolute; left: -600%; bottom: 30px; visibility: hidden;
  opacity: 0; transition: all 0.5s; width: 36rem; }
.pro1 li .open span{ font-size: 2.4rem; color: #ffffff; font-weight: bold;}
.pro1 li .open p{ color: #ffffff; font-size: 14px; line-height: 30px;}
.pro1 li .open em{ color: #ffffff; font-style: normal;}
.pro1 li .open em i{ font-size: 18px;}
.pro1 li:hover .open{ bottom:50px; visibility: visible;
  opacity: 1; transition: all 0.5s; }
.pro1 li:hover .cir{transform: scale(1.2);}
.pro1 li:hover .cir .n_cir{ background-image: linear-gradient(to bottom, #89c435,#2cb982, #08b5a1);}
.active .open{bottom:60px; visibility: visible;
  opacity: 1; transition: all 0.5s; } 

.pro2{ width: 100%;height: 100%; position: absolute; left: 0; right: 0;margin: 0 auto; top: 0; }
.pro2 li{ position: absolute; width: 30px; height: 30px; display: block;}
.pro2 li .cir{width: 4rem; height: 4rem; border-radius: 100%; background: rgb(144,196,47,0.38); display: block; text-align: center;  overflow: hidden; transition: all 1s; cursor: pointer; animation:myanimation 3s infinite;}
.pro2 .cir .n_cir{width: 2.6rem; height: 2.6rem; border-radius: 100%; background: rgb(144,196,47,1); display: block; margin: 0.7rem auto;}
.pro2 .cir .n_cir i{ color: #ffffff; font-weight: bold; font-size: 16px;}
.pro2 li:first-child{     left: 19%;     top: 49%;}
.pro2 li:nth-child(2){  left: 37%; top: 63%;}
.pro2 li:nth-child(3){  left: 54%; top: 63%; }
.pro2 li:nth-child(4){  left: 80%;top: 63%; }
.pro2 li:last-child i{ font-size: 3.5rem;}
.pro2 li a{ line-height: 56px;}
.pro2 li .open{ background: rgb(144,196,47,0.8); border-radius: 30px; border: 1px solid #ffffff; padding: 3rem 3rem 0; position: absolute; left: -600%; bottom: 30px; visibility: hidden;
  opacity: 0; transition: all 0.5s; width: 36rem; }
.pro2 li .open span{ font-size: 2.4rem; color: #ffffff; font-weight: bold;}
.pro2 li .open p{ color: #ffffff; font-size: 14px; line-height: 30px;}
.pro2 li .open em{ color: #ffffff; font-style: normal;}
.pro2 li .open em i{ font-size: 18px;}
.pro2 li:hover .open{ bottom:50px; visibility: visible;
  opacity: 1; transition: all 0.5s; }
.pro2 li:hover .cir{transform: scale(1.2);}
.pro2 li:hover .cir .n_cir{ background-image: linear-gradient(to bottom, #89c435,#2cb982, #08b5a1);}


.hidden{display:none}
.msKeimgBox{margin:0px auto;}
.mskeLayBg{background:#000;width:100%;position:absolute;left:0px;top:0px;z-index:10;opacity:0.7;filter:alpha(opacity=70);display:none;_display:none!important }
.mskelayBox{min-height: 488px; width: 50%; position:fixed;left: 0; right: 0; top: 30%;z-index:20;background:#FFF;display:none;_display:none!important; text-align: center;  margin: 0 auto; padding: 15px; }
.mskelayBox i{ font-size: 18px; color: #ffffff; background: #000000; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center; display: inline-block;}
.mskeImgBg{height:57px;width:100%;position:absolute;left:0px;bottom:0px;}
.mskeClaose{position:absolute;top:-17px;right:-17px;cursor:pointer;}